<template>
  <div class="home">
    <div class="l">
      <ul>
        <router-link to="/home/list" tag="span"><li>租房列表</li></router-link>
        <router-link to="/home/add" tag="span"><li>新增租房</li></router-link>
      </ul>
    </div>
    <div class="r">
      <router-view />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang='less' scoped>
.home {
  display: flex;
  .l {
    height: 100vh;
    width: 300px;
    background: gray;
    color: white;
    font-weight: 900;
    text-align: center;
    ul {
      list-style: none;

      li {
        padding: 20px;
        border-bottom: 1px dashed white;
      }
    }
  }
  .r {
    flex: 2;
  }
}
</style>